
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>PC列表页面</title>
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/font-awesome.min.css" />
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/detail.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
    <div class="top">
        <div class="top-content clearfix">
            <div class="fl"> 
                <a href="#">1988加盟网</a>
                <a href="#">关于我们</a>
                <a href="#">注册</a>
                <a href="#">登录</a>
            </div>

            <div class="fr">
                <a href="#" class="tel"><i class="fa fa-phone"></i> 7*24小时免费电话 400-669-198</a>
                <a href="#" class="wechat">微信
                    <div>
                        <span>1988加盟微信公众号</span>
                        <span>1988_com</span>
                        <img src="./images/gongzhonghao.jpg" width="120px" />
                    </div>
                </a>
                <a href="#" class="weibo">微博
                    <div>
                        <span>1988加盟微信公众号</span>
                        <span>1988_com</span>
                        <img src="./images/gongzhonghao.jpg" width="120px" />
                    </div>
                </a>
                <a href="#">网站导航</a>
            </div>
        </div>
    </div>

    <div class="wrap">
        <img src="./images/img_1.jpg" />
        <div class="logo-area clearfix">
            <ul>
                <li><a href="pc-index.html" class="logo"><img src="./images/logo1.png" /></a></li>
                <li><h2 class="title">商机项目区</h2></li>
                <li>
                    <div class="search-tip">找商机</div>
                    <div>
                        <input type="text" name="" class="search-input form-control" />
                        <input type="submit" value="搜索项目" class="search-submit" />
                    </div>
                </li>
                <li>
                    <div class="fabu"><a href="#">免费注册发布信息</a></div>
                    <div class="fabu"><a href="#">免费发布创业需求</a></div>
                </li>
                <li class="mobile-preview">
                    <div>
                        <div><span>手机预览</span>  <span class="ml10">X</span></div>
                        <img src="./images/gongzhonghao.jpg" width="80px" />
                    </div>
                </li>
            </ul>
        </div>
        <div class="menu-list clearfix">
            <ul>
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">餐饮</a></li>
                <li><a href="#">酒店</a></li>
                <li><a href="#">干洗</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">珠宝</a></li>
                <li><a href="#">饰品</a></li>
                <li><a href="#">教育</a></li>
                <li><a href="#">美容</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">家纺</a></li>
                <li><a href="#">建材</a></li>
                <li><a href="#">环保</a></li>
                <li><a href="#">更多</a></li>
            </ul>
        </div>
       
       <div class="mt10 breadcrumbs">
          <div>
            <a href="#">首页</a> <span class="g9"> > </span> 
            <a href="#">酒店</a> <span class="g9"> > </span> 
            <a href="#">连锁酒店</a> <span class="g9"> > </span> 
            <a href="#">莫泰168连锁酒店 </a>
          </div> 
       </div>

       <div class="mt10 shopinfo clearfix">
            <div class="left fl">
<div class="pc-slide">
    <div class="view">
        <div class="swiper-container">
            <a class="arrow-left" href="#"></a>
            <a class="arrow-right" href="#"></a>
            <div class="swiper-wrapper big-img">
                <div class="swiper-slide">
                    <a href="http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=1598&extra=" target="_blank"><img src="./images/img_11.jpg" alt=""></a>
                </div>
                <div class="swiper-slide">
                    <a href="http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=1598&extra=" target="_blank"><img src="./images/img_11_1.jpg" alt=""></a>
                </div>
                <div class="swiper-slide">
                    <a href="http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=1598&extra=" target="_blank"><img src="./images/img_11_2.jpg" alt=""></a>
                </div>
                <div class="swiper-slide">
                    <a href="http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=1598&extra=" target="_blank"><img src="./images/img_11_3.jpg" alt=""></a>
                </div>
                
            </div>
        </div>
    </div>
    <div class="preview">
        <a class="arrow-left" href="#"></a>
        <a class="arrow-right" href="#"></a>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide active-nav">
                    <img src="./images/img_7.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/img_7_2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/img_7_3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/img_7_4.jpg" alt="">
                </div>

            </div>
        </div>
    </div>
</div>
            </div>
            <div class="center fl">
                <ul>
                    <li><h2>南粉北面特色快餐店</h2></li>
                    <li>广告语：南粉北面特色快餐店</li>
                    <li>投资金额：0</li>
                    <li>加盟费用：通过留言、免费通话、在线客服咨询</li>
                    <li>项目类别：餐饮-快餐</li>
                    <li>项目地区：重庆-江北区</li>
                    <li>特色标语：一直坚持着“共创品质、共享品牌、共同发展、实现双赢”的经营理念</li>
                </ul>
            </div>
           
       </div>


         <div class="mt10">
         <ul class="nav nav-tabs">
          <li class="active">
            <a href="#tab1" data-toggle="tab">
               项目介绍
            </a>
          </li>
          <li><a href="#tab2" data-toggle="tab">加盟详情</a></li>
          <li><a href="#tab3" data-toggle="tab">公司介绍</a></li>
         </ul>
            
         <div class="tab-content">
            <div class="tab-pane fade in active" id="tab1">
              <p>上海美林阁酒店及餐饮管理有限公司于2002年成立了上海莫泰（Motel）连锁旅店管理有限公司，把投资方向锁定在发展经济型旅店上，打造全新的经济型旅店品牌“Motel168”。</p>
              <p>莫泰168连锁酒店经过7年的快速成长后，成为拥有五万八千余间客房400多家门店的连锁经济型酒店集团。2011年5月27日，如家酒店集团在上海宣布，集团正式签署了收购莫泰168国际控股公司（以下简称“莫泰168”）全部股份的协议。</p>
              <p><img src="./images/wap/img_6.jpg" class="img-responsive" /></p>
              <p>如家酒店集团创立于2002年，2006年10月在美国纳斯达克上市（股票代码：HMIN）。作为中国酒店业海外上市第一股，如家酒店集团以“成为全球酒店行业前三甲的酒店管理企业”为愿景，始终秉承“家”文化，用真挚的如家招牌式的微笑和贴心的服务使住 “家”者宾至如归。</p>
            </div>
            <div class="tab-pane fade" id="tab2">
              <p>
                1、 认同莫泰168连锁酒店企业文化、充分理解并支持莫泰168连锁酒店经营理念；
              </p>
              <p>
                2、忠实地履行特许合同，按期缴纳各项特许费用；
              </p>
              <p>
                3、拥有或租赁适合长期经营、可改建为莫泰168连锁酒店物业的产权或者完全使用权，且物业要求地理位置好，交通便利，客房数不多于200间；
              </p>
              <p>
                4、按照“莫泰168连锁酒店”统一的硬件标准自行进行装修改造；
              </p>
              <p>
                5、拥有充足的改造资金（不少于2000万元，对应160间客房，可根据房间数上下浮动）；和不低于30万人民币的日常经营流动资金；
              </p>
              <p>
                6、业务上聘请和颐品牌进行管理（莫泰168连锁酒店派遣酒店总经理），确保统一的管理服务标准；
              </p>
              <p>
                7、莫泰168连锁酒店酒店管理公司认可的其他条件。
              </p>
            </div>
            <div class="tab-pane fade" id="tab3">
              <p>
                上海美林阁酒店及餐饮管理有限公司于2002年成立了上海莫泰（Motel）连锁旅店管理有限公司，把投资方向锁定在发展经济型旅店上，打造全新的经济型旅店品牌“Motel168”。
              </p>
              <br />
              <p>
                莫泰168连锁酒店经过7年的快速成长后，成为拥有五万八千余间客房400多家门店的连锁经济型酒店集团。2011年5月27日，如家酒店集团在上海宣布，集团正式签署了收购莫泰168国际控股公司（以下简称“莫泰168”）全部股份的协议。
              </p>
              <br />
              <p>
                如家酒店集团创立于2002年，2006年10月在美国纳斯达克上市（股票代码：HMIN）。作为中国酒店业海外上市第一股，如家酒店集团以“成为全球酒店行业前三甲的酒店管理企业”为愿景，始终秉承“家”文化，用真挚的如家招牌式的微笑和贴心的服务使住 “家”者宾至如归。
              </p>
            </div>
           
          </div>
        </div>

        <div class="mt20 mb20 clearfix">
            <div class="ad-title"><i></i><span class="g6">项目排名</span></div>
            <div class="ranking-list clearfix" style="background-color: #fff">
                <ul>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">弥茶</a></li>
                    <li><a href="#">九毛肥肠粉</a></li>
                    <li><a href="#">舒来喜鱼火锅</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                    <li><a href="#">山城渝味重庆小面</a></li>
                </ul>
            </div>
        </div>

    
       
        <div class="footer">
            <div><span>鲁ICP备16049694号-3</span> | <span><a href="#">公网安备37110202000190号</a></span></div>
            <div>
                <span><strong>广告服务：</strong>    客服热线： 400-669-1988  0633-8801861</span> |
                <span>客服QQ：3001183627 </span> |
                <span>客服微信： 18663398589</span> |
                <span>违法和不良信息举报电话：400-669-1988</span>
            </div>
            <div>
                <span><strong>渠道招商、人才招聘、媒体合作： </strong>   手机：18663391988  </span> |
                <span>QQ：283676888</span> |
                <span>邮箱：283676888@qq.com   001@yinglanggroup.com</span> |
                <span>电话：0633-8808963</span>
            </div>
            <div class="about">
                <a href="#">关于我们</a> |
                <a href="#">广告服务</a> |
                <a href="#">创业服务</a> |
                <a href="#">渠道招商</a> |
                <a href="#">人才招聘</a> |
                <a href="#">关于我们</a> |
                <a href="#">渠道招商</a> |
                <a href="#">渠道招商</a>
            </div>
            <div>
                <span>山东英郎品牌运营管理有限公司  |  总部地址：山东省日照市东港区烟台路269号国际金融中心2号楼5楼</span>
            </div>
            <div>
                <span>Copyright©2016版权所有 1988加盟网www.jmw1988.com</span>
            </div>
            <div class="jin">
                <a href="#"><img src="./images/jin_1.png" /></a>
                <a href="#"><img src="./images/jin_2.png" /></a>
                <a href="#"><img src="./images/jin_1.png" /></a>
                <a href="#"><img src="./images/jin_2.png" /></a>
            </div>
        </div>
    </div>
      <script>
        var viewSwiper = new Swiper('.view .swiper-container', {
            on:{
                slideChangeTransitionStart: function() {
                    updateNavPosition()
                }
            }
        })

        $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
            e.preventDefault()
            if (viewSwiper.activeIndex == 0) {
                viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
                return
            }
            viewSwiper.slidePrev()
        })
        $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
            e.preventDefault()
            if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
                viewSwiper.slideTo(0, 1000);
                return
            }
            viewSwiper.slideNext()
        })

        var previewSwiper = new Swiper('.preview .swiper-container', {
            //visibilityFullFit: true,
            slidesPerView: 'auto',
            allowTouchMove: false,
            on:{
                tap: function() {
                    viewSwiper.slideTo(previewSwiper.clickedIndex)
              }
            }
        })

        function updateNavPosition() {
                $('.preview .active-nav').removeClass('active-nav')
                var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
                if (!activeNav.hasClass('swiper-slide-visible')) {
                    if (activeNav.index() > previewSwiper.activeIndex) {
                        var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
                        previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
                    } else {
                        previewSwiper.slideTo(activeNav.index())
                    }
                }
            }
    </script>
</body>
</html>
    
